<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仪表盘 - 我的网站</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">我的网站</div>
            <ul>
                <li><a href="index.html">主页</a></li>
                <li><a href="dashboard.html" class="active">仪表盘</a></li>
                <li><a href="profile.html">个人信息</a></li>
            </ul>
        </nav>
    </header>
    
    <main class="container">
        <h2>仪表盘概览</h2>
        
        <section class="stats">
            <div class="stat-card">
                <h3>总访问量</h3>
                <p class="stat-number">12,345</p>
                <span class="stat-change positive">+5.2%</span>
            </div>
            <div class="stat-card">
                <h3>活跃用户</h3>
                <p class="stat-number">382</p>
                <span class="stat-change positive">+3.8%</span>
            </div>
            <div class="stat-card">
                <h3>平均时长</h3>
                <p class="stat-number">4.2分钟</p>
                <span class="stat-change negative">-1.5%</span>
            </div>
        </section>
        
        <section class="charts">
            <div class="chart-container">
                <h3>访问趋势</h3>
                <div class="chart-placeholder"></div>
            </div>
            <div class="chart-container">
                <h3>用户分布</h3>
                <div class="chart-placeholder"></div>
            </div>
        </section>
        
        <section class="recent-activities">
            <h3>最近活动</h3>
            <div class="activity-list">
                <div class="activity-item">
                    <span class="activity-time">今天 10:23</span>
                    <span class="activity-desc">用户登录成功</span>
                </div>
                <div class="activity-item">
                    <span class="activity-time">今天 09:15</span>
                    <span class="activity-desc">数据更新完成</span>
                </div>
                <div class="activity-item">
                    <span class="activity-time">昨天 16:47</span>
                    <span class="activity-desc">系统维护完成</span>
                </div>
            </div>
        </section>
    </main>
    
    <footer>
        <p>&copy; 2024 我的网站 版权所有</p>
    </footer>
    
    <script src="js/dashboard.js"></script>
</body>
</html>